<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../assets/css/header.css">
    <style>
        * {
            margin: 0;
            padding: 0;
            list-style: none;
            text-decoration: none;
        }

        @font-face {
            font-family: "iconfont";
            src: url("../assets/font/iconfont.ttf");
        }

        .box {
            width: 100%;
            background-color: #7e7d7d;
            /*box-shadow: inset 0 100px 50px #1e80ff;*/
            background-image: linear-gradient(to top, #e5e3e3 0%, rgb(234, 242, 255) 100%);

        }

        .banxin {
            width: 1170px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            padding-top: 20px;
            align-items: center;
        }

        .tou {
            width: 1170px;
            height: 68px;
            color: #1e80ff;
            margin: auto 0;
            display: flex;
            justify-content: space-between;
            align-items: center;

        }

        .logoBot {
            width: 184px;
            height: 43px;
        }

        .tou_right {
            width: 600px;
            height: 36px;
            background-color: white;
            border: 1px solid #c9c9cb;
            box-sizing: border-box;
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-radius: 5px;
            margin-left: 40px;
        }

        .tou_right > input {
            border: none;
            outline: none;
            flex: 1;
        }

        .tou_right > button {
            width: 42px;
            height: 30px;
            background-color: #eaf2ff;
            border: none;
            border-radius: 3px;
            margin-right: 3px;
        }

        .a1 {
            width: 125px;
            height: 36px;
            background-color: white;
            border: 1px solid #eaf2ff;
            color: #1e80ff;
            border-radius: 4px;
            box-sizing: border-box;
            margin-left: 60px;
        }

        .a2 {
            width: 82px;
            height: 36px;
            background-color: #1e80ff;
            border: none;
            color: white;
            border-radius: 4px;
            box-sizing: border-box;
        }

        .t1 {
            width: 1170px;
            height: 235px;
            border-radius: 5px;
            background-color: white;
        }

        .t2 {
            width: 1130px;
            height: 48px;
            margin: 0 auto;
            display: flex;
            justify-content: flex-start;
            align-items: center;
        }

        .t2 > img {
            width: 55px;
            height: 24px;
        }

        .b1 {
            width: 1130px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .l1 {
            width: 275px;
            height: 165px;
            background-image: linear-gradient(to top, #f6f3f3 0%, rgb(234, 242, 255) 100%);
            border: 1px solid #d5d6d7;
            box-sizing: border-box;
            display: flex;
            justify-content: space-between;
            position: relative;

        }

        .t3 {
            width: 182px;
            height: 86px;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        .t4 {
            width: 182px;
            height: 22px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
        }

        .t5 {
            width: 182px;
            height: 33px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
        }

        .l1 > img {
            width: 48px;
            height: 48px;
            border-radius: 4px;
            margin-top: 20px;
            margin-left: 20px;
        }

        .w1 {
            color: #0c0d0e;
            font-size: 14px;
            margin-top: 23px;
        }

        .w2 {

            color: #42464e;
            font-size: 12px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .t6 {
            width: 242px;
            height: 50px;
            border: 1px solid transparent;
            border-top-color: #d5d6d7;
            position: absolute;
            top: 105px;
            left: calc(50% - 121px);
        }

        .t6 > a {
            color: #8a919f;
            font-size: 12px;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            margin-top: 20px;
        }

        .t6 > a > span {
            width: 16px;
            height: 18px;
            font-family: iconfont, serif;
            color: #909090;
            font-size: 18px;
        }

        .t6 > button {
            width: 80px;
            height: 28px;
            background-color: #007fff;
            color: white;
            border-radius: 5px;
            position: absolute;
            top: 15px;
            right: 5px;
        }

        .t7 {
            width: 1170px;
            height: 68px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .t7 > button {
            width: 104px;
            height: 44px;
            background-color: #ffffff;
            color: #252933;
            font-size: 16px;
            border-radius: 5px;
            box-shadow: 0 15px 35px -2px rgba(0, 0, 0, .05), 0 5px 15px 0 rgba(0, 0, 0, .05);
        }

        .t7 > :nth-child(1) {
            width: 72px;
            background-color: #ffffff;
            color: #1e80ff;
        }

        .t7 > :nth-child(8), .t7 > :nth-child(10) {
            width: 72px;
        }

        .t7 > :nth-child(9) {
            width: 136px;
        }

        .h1 {
            width: 1170px;
        }

        .b2, .b3, .b4, .b5, .b6, .b7, .b8, .b9, .b10, .b11, .b12, .b13, .b14, .b15 {
            width: 1170px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .l2 {
            width: 380px;
            height: 203px;
            background-color: white;
            border-radius: 5px;
            box-shadow: 0 15px 35px -2px rgba(0, 0, 0, .05), 0 5px 15px 0 rgba(0, 0, 0, 0.05);
            position: relative;
        }


        .l2 > img {
            width: 60px;
            height: 60px;
            border-radius: 5px;
            position: absolute;
            top: 20px;
            left: 20px;
        }

        .y1 > img {
            width: 16px;
            height: 16px;
            border-radius: 50%;
            display: flex;
            justify-content: space-between;
            position: absolute;
            top: 50px;
        }

        .y1 > span {
            width: 250px;
            height: 17px;
            color: #8a919f;
            font-size: 13px;
            position: absolute;
            top: 49px;
            left: 120px;
        }

        .y2 {
            width: 274px;
            height: 37px;
            display: flex;
            justify-content: space-between;
            margin-top: 55px;
        }

        .w3 {
            color: #515767;
            font-size: 13px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .y3 {
            width: 346px;
            height: 34px;
            border-top: 1px solid #d5d6d7;
            position: absolute;
            top: 150px;
            left: calc(50% - 173px);
        }

        .y3 > a {
            color: #8a919f;
            font-size: 12px;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            margin-top: 20px;
        }

        .y3 > a > span {
            width: 16px;
            height: 18px;
            font-family: iconfont, serif;
            color: #909090;
            font-size: 18px;
        }

        .y3 > button {
            width: 98px;
            height: 21px;
            background-color: #1e80ff0d;
            color: #1e80ff;
            border: 1px solid #1e80ff3d;
            border-radius: 5px;
            position: absolute;
            top: 15px;
            right: 5px;
        }

        .b3, .b4, .b5, .b6, .b7, .b8, .b9, .b10, .b11, .b12, .b13, .b14, .b15 {
            margin-top: 20px;
        }

    </style>

</head>
<body>
<header class="main-header">
    <div class="container">
        <div class="logo">
            <img class="logo-img"
                 src="https://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/e08da34488b114bd4c665ba2fa520a31.svg"/>
        </div>
        <div class="main-nav">
            <ul class="nav-list">
                <li class="main-nav-list">
                    <ul class="phone-hide">
                        <li class="nav-item "><a href="index.html">首页</a></li>
                        <li class="nav-item home">BOT</li>
                        <li class="nav-item"><a href="boil.html">沸点</a></li>
                        <li class="nav-item"><a href="course.html">课程</a></li>
                        <li class="nav-item"><a href="live_broadcast.html">直播</a></li>
                        <li class="nav-item"><a href="activity.html">活动</a></li>
                        <li class="nav-item"><a href="race.html">竞赛</a></li>
                        <nav class="nav-item"><a href="mall.html">商城</a></nav>
                        <nav class="nav-item"><a href="APP.html">APP</a></nav>
                        <nav class="nav-item"><a href="plugIns.html">插件</a></nav>
                        <nav class="nav-item">
                            <img src="../assets/img/logo-1.png"/>
                        </nav>
                    </ul>
                </li>
                <ul class="right-side-nav">
                    <li class="search-add">
                        <ul class="search-add-ul">
                            <li class="search">
                                <input class="search-input" maxlength="64" placeholder="探索稀土掘金"/>
                                <div class="search-icon-container">
                                    <svg style="width: 18px;" t="1718614562467" class="icon" viewBox="0 0 1024 1024"
                                         version="1.1"
                                         xmlns="http://www.w3.org/2000/svg" p-id="6339" width="32" height="32">
                                        <path d="M915.8 852.9L766.9 706.7c47.4-62.8 75.9-140.7 75.9-225.5 0-207-167.8-374.9-374.9-374.9-207.1 0.1-374.9 167.9-374.9 375s167.8 374.9 374.9 374.9c95.4 0 182.2-35.9 248.4-94.6L865.4 908c14.7 14.4 37.8 13.8 51.7-1.4 13.9-15.2 13.3-39.3-1.3-53.7zM467.9 790c-170.5 0-308.7-138.2-308.7-308.7s138.2-308.7 308.7-308.7 308.7 138.2 308.7 308.7S638.4 790 467.9 790z m0 0"
                                              fill="#333333" p-id="6340"></path>
                                    </svg>
                                </div>
                            </li>
                            <li class="creator-item">
                                <div class="add-group">
                                    <button class="add-btn">创作者中心</button>
                                    <div class="more">
                                        <svg t="1718616312565" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                             xmlns="http://www.w3.org/2000/svg" p-id="10570" width="200" height="200">
                                            <path d="M490.667 640l-192-213.333h384z" fill="#ffffff" p-id="10571"></path>
                                        </svg>
                                        <div class="more-mask"></div>
                                        <div class="more-list">
                                            <ul class="menu">
                                                <li class="item">
                                                    <div>
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="44" height="51"
                                                             viewBox="0 0 44 51" fill="none">
                                                            <g filter="url(#filter0_d_4518_102489)">
                                                                <rect x="11.999" y="8.97656" width="20.0011"
                                                                      height="25.557" rx="3"
                                                                      fill="url(#paint0_linear_4518_102489)"/>
                                                            </g>
                                                            <mask id="mask0_4518_102489" style="mask-type:alpha"
                                                                  maskUnits="userSpaceOnUse" x="11" y="8" width="21"
                                                                  height="27">
                                                                <rect x="11.999" y="8.97656" width="20.0011"
                                                                      height="25.557" rx="3"
                                                                      fill="url(#paint1_linear_4518_102489)"/>
                                                            </mask>
                                                            <g mask="url(#mask0_4518_102489)">
                                                                <path fill-rule="evenodd" clip-rule="evenodd"
                                                                      d="M34.3632 17.877H17L23.4382 24.3652H17L34.3636 41.8639L34.3634 35.3755L34.3636 35.3756L34.3632 17.877Z"
                                                                      fill="url(#paint2_linear_4518_102489)"/>
                                                            </g>
                                                            <path d="M17.5547 16.7539H25.3329" stroke="white"
                                                                  stroke-width="2.5" stroke-linecap="round"/>
                                                            <path d="M17.5547 23.4199H21.9994" stroke="white"
                                                                  stroke-width="2.5" stroke-linecap="round"/>
                                                            <defs>
                                                                <filter id="filter0_d_4518_102489" x="-0.000976562"
                                                                        y="0.976562" width="44.001" height="49.5566"
                                                                        filterUnits="userSpaceOnUse"
                                                                        color-interpolation-filters="sRGB">
                                                                    <feFlood flood-opacity="0"
                                                                             result="BackgroundImageFix"/>
                                                                    <feColorMatrix in="SourceAlpha" type="matrix"
                                                                                   values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
                                                                                   result="hardAlpha"/>
                                                                    <feOffset dy="4"/>
                                                                    <feGaussianBlur stdDeviation="6"/>
                                                                    <feComposite in2="hardAlpha" operator="out"/>
                                                                    <feColorMatrix type="matrix"
                                                                                   values="0 0 0 0 0.0901961 0 0 0 0 0.466667 0 0 0 0 0.94902 0 0 0 0.2 0"/>
                                                                    <feBlend mode="normal" in2="BackgroundImageFix"
                                                                             result="effect1_dropShadow_4518_102489"/>
                                                                    <feBlend mode="normal" in="SourceGraphic"
                                                                             in2="effect1_dropShadow_4518_102489"
                                                                             result="shape"/>
                                                                </filter>
                                                                <linearGradient id="paint0_linear_4518_102489"
                                                                                x1="28.3888" y1="8.97656" x2="15.0547"
                                                                                y2="33.1446"
                                                                                gradientUnits="userSpaceOnUse">
                                                                    <stop offset="0.0555359" stop-color="#499DFF"/>
                                                                    <stop offset="1" stop-color="#357AFF"/>
                                                                </linearGradient>
                                                                <linearGradient id="paint1_linear_4518_102489"
                                                                                x1="28.3888" y1="8.97656" x2="15.0547"
                                                                                y2="33.1446"
                                                                                gradientUnits="userSpaceOnUse">
                                                                    <stop offset="0.0555359" stop-color="#57A5FF"/>
                                                                    <stop offset="1" stop-color="#4886FF"/>
                                                                </linearGradient>
                                                                <linearGradient id="paint2_linear_4518_102489"
                                                                                x1="20.625" y1="19.3008" x2="29.625"
                                                                                y2="23.625"
                                                                                gradientUnits="userSpaceOnUse">
                                                                    <stop stop-color="#2273E1"/>
                                                                    <stop offset="1" stop-color="#2172DF"
                                                                          stop-opacity="0"/>
                                                                </linearGradient>
                                                            </defs>
                                                        </svg>
                                                    </div>
                                                    <div class="title">写文章</div>
                                                </li>
                                                <li class="item">
                                                    <div>
                                                        <img src="https://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/c225c20007c699a48fe9aa8a32be2ee6.svg"/>
                                                    </div>
                                                    <div class="title">发沸点</div>
                                                </li>
                                                <li class="item">
                                                    <div>
                                                        <img src="https://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/92ff1e17678887b64c952833d9d0dd0b.svg"/>
                                                    </div>
                                                    <div class="title">写笔记</div>
                                                </li>
                                                <li class="item">
                                                    <div>
                                                        <img src="https://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/cf3f3dbcd5a32a7a4de5c7b834402cef.svg"/>
                                                    </div>
                                                    <div class="title">写代码</div>
                                                </li>
                                                <li class="item">
                                                    <div>
                                                        <img src="https://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/b1008fc20ddf1733b5bd800ed4bcc18e.svg"/>
                                                    </div>
                                                    <div class="title">草稿箱</div>
                                                </li>
                                            </ul>
                                            <div class="divider"></div>
                                            <div class="inspiration">
                                                <div class="info">
                                                    <span class="title">创作灵感</span>
                                                    <span class="more-info">
                                                        查看更多
                                                    <i class="byte-icon">
                                                        <svg style="width: 22px; height: 22px;" t="1718722566546"
                                                             class="icon"
                                                             viewBox="0 0 1024 1024"
                                                             version="1.1" xmlns="http://www.w3.org/2000/svg"
                                                             p-id="4606"
                                                             width="32" height="32"><path
                                                                d="M433.834667 337.706667a21.333333 21.333333 0 0 1 1.493333-32.768 29.397333 29.397333 0 0 1 37.461333 0.938666l202.709334 190.037334a21.077333 21.077333 0 0 1 1.365333 30.421333c-0.341333 0.426667-204.117333 191.573333-204.117333 191.573333a29.354667 29.354667 0 0 1-37.632 1.152 21.333333 21.333333 0 0 1-1.28-32.938666l185.813333-174.293334-185.813333-174.122666z"
                                                                fill="#B2B2B2" p-id="4607"></path></svg>
                                                    </i>
                                                    </span>
                                                </div>
                                                <div class="list">
                                                    <div class="item1">
                                                        <span class="icon-topic">话题</span>
                                                        <span class="topic-title">#稀土开发者大会2024#</span>
                                                    </div>
                                                    <div class="item1">
                                                        <span class="icon-topic">话题</span>
                                                        <span class="topic-title">#每日快讯#</span>
                                                    </div>
                                                    <div class="item1">
                                                        <span class="icon-topic">话题</span>
                                                        <span class="topic-title">#每天一个知识点#</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </li>
                    <li class="vip-entry">
                        <div class="vip-title">
                            <div class="vip-entry-img">
                                <img class="vip-img" src="../assets/img/vip.png"/>
                            </div>
                            <div class="vip-words">会员</div>
                        </div>
                    </li>
                    <li class="auth">
                        <div class="login-button-wrap">
                            <button class="login-button">
                                登录
                                <div class="login-button-line"></div>
                                注册
                                <div class="login">
                                    <div class="top-login-guide">
                                        <div class="login-awards">
                                            <h2 class="login-awards-title">首次登录 / 注册免费领取</h2>
                                            <ul class="login-awards-list">
                                                <li class="login-awards-item">
                                                    <img src="../assets/img/vip.png"/>
                                                    <span>七天会员</span>
                                                </li>
                                                <li class="login-awards-item">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="26" height="24"
                                                         viewBox="0 0 26 24" fill="none">
                                                        <circle cx="13" cy="12" r="12"
                                                                fill="url(#paint0_linear_25309_9748)"/>
                                                        <rect x="7.93359" y="3.66406" width="10.0377" height="13.4403"
                                                              rx="0.48" transform="rotate(-15 7.93359 3.66406)"
                                                              fill="url(#paint1_linear_25309_9748)"/>
                                                        <path d="M11.4694 15.5273C11.3914 15.2361 11.5642 14.9367 11.8554 14.8587L20.8285 12.4544L21.1111 13.5089L12.1379 15.9132C11.8467 15.9913 11.5474 15.8185 11.4694 15.5273Z"
                                                              fill="url(#paint2_linear_25309_9748)"/>
                                                        <g style="mix-blend-mode:overlay">
                                                            <path d="M7.95318 3.59291C7.87764 3.33881 8.0224 3.07158 8.27651 2.99604L9.95294 2.49767L13.7111 15.1396L12.0346 15.6379C11.7805 15.7135 11.5133 15.5687 11.4378 15.3146L7.95318 3.59291Z"
                                                                  fill="url(#paint3_linear_25309_9748)"/>
                                                        </g>
                                                        <g filter="url(#filter0_d_25309_9748)">
                                                            <rect x="1.33594" y="9.26562" width="10.7492"
                                                                  height="14.3929" rx="0.48"
                                                                  transform="rotate(-36.0071 1.33594 9.26562)"
                                                                  fill="url(#paint4_linear_25309_9748)"/>
                                                            <path d="M9.76943 20.9924C9.57964 20.7312 9.63749 20.3657 9.89865 20.1759L17.9461 14.3275L18.6334 15.2733L10.586 21.1216C10.3248 21.3114 9.95923 21.2536 9.76943 20.9924Z"
                                                                  fill="url(#paint5_linear_25309_9748)"/>
                                                            <g style="mix-blend-mode:overlay">
                                                                <path d="M1.61812 9.65392C1.46228 9.43947 1.50978 9.13929 1.72423 8.98344L3.30367 7.83561L11.7651 19.4787L10.1856 20.6265C9.97117 20.7824 9.67099 20.7349 9.51515 20.5204L1.61812 9.65392Z"
                                                                      fill="url(#paint6_linear_25309_9748)"/>
                                                            </g>
                                                        </g>
                                                        <g filter="url(#filter1_dd_25309_9748)">
                                                            <path fill-rule="evenodd" clip-rule="evenodd"
                                                                  d="M8.40452 9.74272H15.0318L9.73445 21.9492H14.2209L19.2041 10.312L19.1699 6.14453H8.375L8.40452 9.74272ZM20.0049 19.386C20.1043 19.3718 20.1918 19.36 20.2675 19.3505L20.2604 18.1797C20.1752 18.1939 20.0854 18.2081 19.9907 18.2223C19.8961 18.2365 19.7992 18.2507 19.6998 18.2649V17.4063H20.2888V16.2923H19.6998V15.2706L18.6213 15.2422V16.2923H17.9472V17.4063H18.6213V18.3997C18.4558 18.4233 18.2973 18.4446 18.1459 18.4636C17.9993 18.4777 17.8621 18.4943 17.7344 18.5132L17.8053 19.6769L18.6213 19.5634V20.3652C18.6213 20.4881 18.6024 20.5733 18.5646 20.6206C18.5314 20.6632 18.4581 20.6892 18.3446 20.6986L18.0111 20.7341L18.302 21.8694L18.7632 21.8268C18.9666 21.8079 19.1298 21.7819 19.2528 21.7488C19.3758 21.7157 19.4704 21.666 19.5366 21.5998C19.6029 21.5383 19.6454 21.4531 19.6644 21.3443C19.688 21.2403 19.6998 21.1054 19.6998 20.9399V19.4214C19.8086 19.4073 19.9103 19.3954 20.0049 19.386ZM23.4392 18.7403H24.2481V17.5553H21.7291V16.8174C21.89 16.8079 22.065 16.7937 22.2542 16.7748C22.4482 16.7559 22.6445 16.7346 22.8431 16.711C23.0466 16.6826 23.2452 16.6542 23.4392 16.6258C23.6331 16.5974 23.8152 16.569 23.9855 16.5407L23.6875 15.3912C23.1814 15.4905 22.6752 15.5709 22.1691 15.6324C21.6677 15.6892 21.1662 15.7341 20.6648 15.7673V18.0165C20.6648 18.4517 20.653 18.8231 20.6293 19.1305C20.6104 19.4333 20.5726 19.7076 20.5158 19.9536C20.4638 20.1949 20.3881 20.4195 20.2888 20.6277C20.1942 20.8358 20.0688 21.0558 19.9127 21.2876L20.9841 21.8552C21.1166 21.614 21.2277 21.3822 21.3176 21.1598C21.4122 20.9423 21.4879 20.7152 21.5447 20.4787C21.6014 20.2374 21.6416 19.9773 21.6653 19.6982C21.6937 19.4191 21.7126 19.0998 21.7221 18.7403H22.3323V21.7984H23.4392V18.7403Z"
                                                                  fill="url(#paint7_linear_25309_9748)"/>
                                                        </g>
                                                        <defs>
                                                            <filter id="filter0_d_25309_9748" x="0.567344" y="3.13672"
                                                                    width="19.0255" height="20.0177"
                                                                    filterUnits="userSpaceOnUse"
                                                                    color-interpolation-filters="sRGB">
                                                                <feFlood flood-opacity="0" result="BackgroundImageFix"/>
                                                                <feColorMatrix in="SourceAlpha" type="matrix"
                                                                               values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
                                                                               result="hardAlpha"/>
                                                                <feOffset dy="0.96"/>
                                                                <feGaussianBlur stdDeviation="0.48"/>
                                                                <feComposite in2="hardAlpha" operator="out"/>
                                                                <feColorMatrix type="matrix"
                                                                               values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/>
                                                                <feBlend mode="normal" in2="BackgroundImageFix"
                                                                         result="effect1_dropShadow_25309_9748"/>
                                                                <feBlend mode="normal" in="SourceGraphic"
                                                                         in2="effect1_dropShadow_25309_9748"
                                                                         result="shape"/>
                                                            </filter>
                                                            <filter id="filter1_dd_25309_9748" x="7.655" y="5.42453"
                                                                    width="17.795" height="17.7247"
                                                                    filterUnits="userSpaceOnUse"
                                                                    color-interpolation-filters="sRGB">
                                                                <feFlood flood-opacity="0" result="BackgroundImageFix"/>
                                                                <feColorMatrix in="SourceAlpha" type="matrix"
                                                                               values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
                                                                               result="hardAlpha"/>
                                                                <feOffset dx="0.24" dy="0.24"/>
                                                                <feGaussianBlur stdDeviation="0.48"/>
                                                                <feComposite in2="hardAlpha" operator="out"/>
                                                                <feColorMatrix type="matrix"
                                                                               values="0 0 0 0 0.862745 0 0 0 0 0.623529 0 0 0 0 0.34902 0 0 0 0.4 0"/>
                                                                <feBlend mode="normal" in2="BackgroundImageFix"
                                                                         result="effect1_dropShadow_25309_9748"/>
                                                                <feColorMatrix in="SourceAlpha" type="matrix"
                                                                               values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
                                                                               result="hardAlpha"/>
                                                                <feOffset dx="0.48" dy="0.48"/>
                                                                <feComposite in2="hardAlpha" operator="out"/>
                                                                <feColorMatrix type="matrix"
                                                                               values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
                                                                <feBlend mode="normal"
                                                                         in2="effect1_dropShadow_25309_9748"
                                                                         result="effect2_dropShadow_25309_9748"/>
                                                                <feBlend mode="normal" in="SourceGraphic"
                                                                         in2="effect2_dropShadow_25309_9748"
                                                                         result="shape"/>
                                                            </filter>
                                                            <linearGradient id="paint0_linear_25309_9748" x1="13" y1="0"
                                                                            x2="13" y2="24"
                                                                            gradientUnits="userSpaceOnUse">
                                                                <stop stop-color="#FFF9EA"/>
                                                                <stop offset="1" stop-color="#FFECC5"/>
                                                            </linearGradient>
                                                            <linearGradient id="paint1_linear_25309_9748" x1="7.93359"
                                                                            y1="11.4342" x2="17.9713" y2="11.4342"
                                                                            gradientUnits="userSpaceOnUse">
                                                                <stop stop-color="#E2B076"/>
                                                                <stop offset="1" stop-color="#F9E4B5"/>
                                                            </linearGradient>
                                                            <linearGradient id="paint2_linear_25309_9748" x1="11.4694"
                                                                            y1="15.5273" x2="20.9704" y2="12.9815"
                                                                            gradientUnits="userSpaceOnUse">
                                                                <stop stop-color="#FFF2E2"/>
                                                                <stop offset="1" stop-color="white"/>
                                                            </linearGradient>
                                                            <linearGradient id="paint3_linear_25309_9748" x1="9.43261"
                                                                            y1="8.56953" x2="11.5691" y2="7.93439"
                                                                            gradientUnits="userSpaceOnUse">
                                                                <stop stop-color="#4B4B4B"/>
                                                                <stop offset="1" stop-color="#4B4B4B" stop-opacity="0"/>
                                                            </linearGradient>
                                                            <linearGradient id="paint4_linear_25309_9748" x1="1.33594"
                                                                            y1="17.5866" x2="12.0851" y2="17.5866"
                                                                            gradientUnits="userSpaceOnUse">
                                                                <stop stop-color="#EEC698"/>
                                                                <stop offset="1" stop-color="#F9E4B5"/>
                                                            </linearGradient>
                                                            <linearGradient id="paint5_linear_25309_9748" x1="9.76943"
                                                                            y1="20.9924" x2="18.2903" y2="14.8"
                                                                            gradientUnits="userSpaceOnUse">
                                                                <stop stop-color="#FFF2E2"/>
                                                                <stop offset="1" stop-color="white"/>
                                                            </linearGradient>
                                                            <linearGradient id="paint6_linear_25309_9748" x1="4.9748"
                                                                            y1="14.2728" x2="6.94253" y2="12.8428"
                                                                            gradientUnits="userSpaceOnUse">
                                                                <stop stop-color="#4B4B4B"/>
                                                                <stop offset="1" stop-color="#4B4B4B" stop-opacity="0"/>
                                                            </linearGradient>
                                                            <linearGradient id="paint7_linear_25309_9748" x1="8.375"
                                                                            y1="6.14453" x2="23.1107" y2="21.9423"
                                                                            gradientUnits="userSpaceOnUse">
                                                                <stop stop-color="#D0A15C"/>
                                                                <stop offset="1" stop-color="#C8874C"/>
                                                            </linearGradient>
                                                        </defs>
                                                    </svg>
                                                    <span>小册7折券</span>
                                                </li>
                                                <li class="login-awards-item">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                         viewBox="0 0 24 24" fill="none">
                                                        <path d="M12.7188 0.21875L7.36564 3.88725L7.83808 6.47912L12.7188 0.21875Z"
                                                              fill="url(#paint0_linear_25309_9749)"/>
                                                        <path d="M9.21334 14.0336L12.7514 0.156148L7.83648 6.47997L9.21334 14.0336Z"
                                                              fill="url(#paint1_linear_25309_9749)"/>
                                                        <path d="M10.7075 8.13763L17.6045 15.2215L11.58 21.5282L9.21767 14.0272L10.7075 8.13763Z"
                                                              fill="url(#paint2_linear_25309_9749)"/>
                                                        <path d="M10.7101 8.14304L12.72 0.186451L16.8687 3.4703L17.6071 15.2269L10.7101 8.14304Z"
                                                              fill="url(#paint3_linear_25309_9749)"/>
                                                        <path d="M16.8633 3.47097L21.7472 12.3386L20.7523 16.8318L17.6017 15.2276L16.8633 3.47097Z"
                                                              fill="url(#paint4_linear_25309_9749)"/>
                                                        <path d="M17.6035 15.2227L20.7541 16.8268L19.9879 20.4634L12.3389 23.946L11.579 21.5294L17.6035 15.2227Z"
                                                              fill="url(#paint5_linear_25309_9749)"/>
                                                        <path d="M9.21842 14.0308L3.30245 13.2051L7.36912 3.88523L9.21842 14.0308Z"
                                                              fill="url(#paint6_linear_25309_9749)"/>
                                                        <path d="M3.30231 13.2067L3.25154 18.1624L12.3405 23.9501L3.30231 13.2067Z"
                                                              fill="url(#paint7_linear_25309_9749)"/>
                                                        <path d="M10.7075 8.13763L17.6045 15.2215L11.58 21.5282L9.21767 14.0272L10.7075 8.13763Z"
                                                              fill="url(#paint8_linear_25309_9749)"/>
                                                        <path d="M3.29688 13.2031L9.21284 14.0289L12.335 23.9465L3.29688 13.2031Z"
                                                              fill="url(#paint9_linear_25309_9749)"/>
                                                        <defs>
                                                            <linearGradient id="paint0_linear_25309_9749" x1="10.9308"
                                                                            y1="5.91672" x2="9.83347" y2="-0.103242"
                                                                            gradientUnits="userSpaceOnUse">
                                                                <stop stop-color="white"/>
                                                                <stop offset="1" stop-color="#F8D3F5"/>
                                                            </linearGradient>
                                                            <linearGradient id="paint1_linear_25309_9749" x1="12.1263"
                                                                            y1="12.4757" x2="9.7475" y2="-0.574854"
                                                                            gradientUnits="userSpaceOnUse">
                                                                <stop offset="0.23" stop-color="white"/>
                                                                <stop offset="1" stop-color="#F8C1F5"/>
                                                            </linearGradient>
                                                            <linearGradient id="paint2_linear_25309_9749" x1="12.1778"
                                                                            y1="7.86963" x2="14.5681" y2="20.9836"
                                                                            gradientUnits="userSpaceOnUse">
                                                                <stop offset="0.18" stop-color="#6A5BFF"/>
                                                                <stop offset="1" stop-color="#00B1FE"/>
                                                            </linearGradient>
                                                            <linearGradient id="paint3_linear_25309_9749" x1="15.5227"
                                                                            y1="15.6298" x2="12.5682" y2="-0.579297"
                                                                            gradientUnits="userSpaceOnUse">
                                                                <stop offset="0.2" stop-color="#4E67FF"/>
                                                                <stop offset="1" stop-color="#FFD4ED"/>
                                                            </linearGradient>
                                                            <linearGradient id="paint4_linear_25309_9749" x1="17.3051"
                                                                            y1="5.22081" x2="20.2171" y2="15.7377"
                                                                            gradientUnits="userSpaceOnUse">
                                                                <stop stop-color="#0094F1"/>
                                                                <stop offset="1" stop-color="#0041F3"/>
                                                            </linearGradient>
                                                            <linearGradient id="paint5_linear_25309_9749" x1="12.4491"
                                                                            y1="22.0792" x2="20.6192" y2="16.6262"
                                                                            gradientUnits="userSpaceOnUse">
                                                                <stop stop-color="#0063F4"/>
                                                                <stop offset="0.48" stop-color="#7061FC"/>
                                                                <stop offset="0.9" stop-color="#9460FF"/>
                                                            </linearGradient>
                                                            <linearGradient id="paint6_linear_25309_9749" x1="6.42839"
                                                                            y1="14.5393" x2="4.57909" y2="4.39379"
                                                                            gradientUnits="userSpaceOnUse">
                                                                <stop offset="0.17" stop-color="#C6DEFF"/>
                                                                <stop offset="1" stop-color="#005BF2"/>
                                                            </linearGradient>
                                                            <linearGradient id="paint7_linear_25309_9749" x1="3.05398"
                                                                            y1="15.4836" x2="12.078" y2="23.5884"
                                                                            gradientUnits="userSpaceOnUse">
                                                                <stop offset="0.16" stop-color="#68B1F4"/>
                                                                <stop offset="0.61" stop-color="#D6C2F3"/>
                                                                <stop offset="0.9" stop-color="#4958FF"/>
                                                            </linearGradient>
                                                            <linearGradient id="paint8_linear_25309_9749" x1="12.1778"
                                                                            y1="7.86963" x2="14.5681" y2="20.9836"
                                                                            gradientUnits="userSpaceOnUse">
                                                                <stop stop-color="white" stop-opacity="0"/>
                                                                <stop offset="0.48" stop-color="white"
                                                                      stop-opacity="0"/>
                                                                <stop offset="0.72" stop-color="#FAFEFA"
                                                                      stop-opacity="0.3"/>
                                                                <stop offset="1" stop-color="#E0FCE4"/>
                                                            </linearGradient>
                                                            <linearGradient id="paint9_linear_25309_9749" x1="5.9376"
                                                                            y1="13.2009" x2="13.2854" y2="22.8478"
                                                                            gradientUnits="userSpaceOnUse">
                                                                <stop offset="0.18" stop-color="#97D8FF"/>
                                                                <stop offset="0.56" stop-color="#DCC9F6"/>
                                                                <stop offset="0.94" stop-color="#4958FF"/>
                                                            </linearGradient>
                                                        </defs>
                                                    </svg>
                                                    <span>5万矿石</span>
                                                </li>
                                            </ul>
                                        </div>
                                        <span class="login-awards-des">免费试学课程 · 收藏优质内容 · 提升成长等级</span>
                                        <div>
                                            <div class="login-btn-desc">登录 / 注册</div>
                                        </div>
                                    </div>
                                </div>
                            </button>
                        </div>
                    </li>
                </ul>
            </ul>
        </div>
    </div>
</header>
<div class="box">
    <div class="banxin">
        <div class="tou">
            <h1 class="logoBot">发现 AI Bot</h1>
            <div class="tou_right">
                <input type="text" placeholder="&emsp;输入 BOT 关键词检索"/>
                <button>搜索</button>
            </div>
            <button class="a1">查看BOT收藏</button>
            <button class="a2">创建BOT</button>
        </div>
    </div>
    <div class="banxin">
        <div class="t1">
            <div class="t2">
                <img src="https://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/img/hot.67f87f9.png" alt=""/>
                <p>实用AI工具合集</p>
            </div>
            <ul class="b1">
                <li class="l1">
                    <img src="../assets/img/yue2.1.png" alt=""/>
                    <div class="t3">
                        <div class="t4">
                            <a class="w1" href="#">AI全能小助手</a>
                        </div>
                        <div class="t5">
                            <a class="w2" href="#">AI全能小助手，擅长文生图、创作故事、讲笑话、作诗、取名、写代码，查天气，识别图片内容并总结，本地文件或网站内容总结，
                                通过标题生成 PPT，读书总结成思维导图，上知天文下知地理。擅长智能聊</a>
                        </div>
                    </div>
                    <div class="t6">
                        <a href="#"><span>&#xe644;</span>&emsp;804&emsp;<span>&#xe60f;</span>&emsp;10</a>
                        <button>开始互动</button>
                    </div>
                </li>
                <li class="l1">
                    <img src="../assets/img/yue2.2.png" alt=""/>
                    <div class="t3">
                        <div class="t4">
                            <a class="w1" href="#">前端面试官</a>
                        </div>
                        <div class="t5">
                            <a class="w2" href="#">一个资深前端面试官,助力你找到心仪工作</a>
                        </div>
                    </div>
                    <div class="t6">
                        <a href="#"><span>&#xe644;</span>&emsp;971&emsp;<span>&#xe60f;</span>&emsp;60</a>
                        <button>开始互动</button>
                    </div>
                </li>
                <li class="l1">
                    <img src="../assets/img/yue2.3.png" alt=""/>
                    <div class="t3">
                        <div class="t4">
                            <a class="w1" href="#">思维模型专家</a>
                        </div>
                        <div class="t5">
                            <a class="w2" href="#">每个思维模型背后，都包含了各行业专家和咨询公司深入的研究和总结，并经历了多年实践和优化逐步成型。使用思维模型来回答问题，不仅授人以鱼，更能授人以渔，而且非常便于记忆和实操。</a>
                        </div>
                    </div>
                    <div class="t6">
                        <a href="#"><span>&#xe644;</span>&emsp;64&emsp;<span>&#xe60f;</span>&emsp;5</a>
                        <button>开始互动</button>
                    </div>
                </li>
                <li class="l1">
                    <img src="../assets/img/yue2.4.png" alt=""/>
                    <div class="t3">
                        <div class="t4">
                            <a class="w1" href="#">程序员的工具箱</a>
                        </div>
                        <div class="t5">
                            <a class="w2" href="#">程序员的工具箱。功能集成json格式化，json转sql，json转golang，域名DNS记录查询，搜索引擎，600+linux命令，网页内容总结，OCR识别等工具。目标是一个工具解决程序员日常工作中使用</a>
                        </div>
                    </div>
                    <div class="t6">
                        <a href="#"><span>&#xe644;</span>&emsp;104&emsp;<span>&#xe60f;</span>&emsp;5</a>
                        <button>开始互动</button>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="banxin">
        <div class="t7">
            <button>推荐</button>
            <button>效率工具</button>
            <button>商业服务</button>
            <button>文本创作</button>
            <button>学习教育</button>
            <button>代码助手</button>
            <button>生活方式</button>
            <button>游戏</button>
            <button>图像与音视频</button>
            <button>角色</button>
        </div>
    </div>
    <div class="banxin">
        <div class="h1">
            <ul class="b2">
                <li class="l2">
                    <img src="../assets/img/yue2.1.png" alt=""/>
                    <div class="t3">
                        <div class="t4">
                            <a class="w1" href="#">AI全能小助手</a>
                        </div>
                        <div class="y1">
                            <img src="https://p3-passport.byteacctimg.com/img/user-avatar/04a1c5e81354d76646b929dac6aa9266~300x300.image"
                                 alt=""/>
                            <span>闲置小神仙</span>
                        </div>
                        <div class="y2">
                            <a class="w3" href="#">AI全能小助手，擅长文生图、创作故事、讲笑话、作诗、取名、写代码，查天气，识别图片内容并总结，本地文件或网站内容总结，
                                通过标题生成 PPT，读书总结成思维导图，上知天文下知地理。擅长智能聊</a>
                        </div>
                    </div>
                    <div class="y3">
                        <a href="#"><span>&#xe644;</span>&emsp;804&emsp;<span>&#xe60f;</span>&emsp;10</a>
                        <button>开始互动</button>
                    </div>
                </li>
                <li class="l2">
                    <img src="../assets/img/yue2.5.png" alt=""/>
                    <div class="t3">
                        <div class="t4">
                            <a class="w1" href="#">逃离缅甸</a>
                        </div>
                        <div class="y1">
                            <img src="https://p6-passport.byteacctimg.com/img/user-avatar/ffd755c1e915cd59bce662e1c38cb7ae~300x300.image"
                                 alt=""/>
                            <span>哥你喝过煮酒吗</span>
                        </div>
                        <div class="y2">
                            <a class="w3" href="#">缅甸以电信诈骗而闻名，你必须谨慎行事，才能逃离，加油吧，骚年</a>
                        </div>
                    </div>
                    <div class="y3">
                        <a href="#"><span>&#xe644;</span>&emsp;2.0k&emsp;<span>&#xe60f;</span>&emsp;42</a>
                        <button>开始互动</button>
                    </div>
                </li>
                <li class="l2">
                    <img src="../assets/img/yue2.6.png" alt=""/>
                    <div class="t3">
                        <div class="t4">
                            <a class="w1" href="#">AI编程助手</a>
                        </div>
                        <div class="y1">
                            <img src="https://p6-passport.byteacctimg.com/img/mosaic-legacy/3791/5070639578~300x300.image"
                                 alt=""/>
                            <span>RealDragon</span>
                        </div>
                        <div class="y2">
                            <a class="w3" href="#">采用最智能的大模型，自动化AI编程。精通Java、C、C++、Python、Rust、Go等编程语言有很深的造诣，能够回答各种复杂的与编程相关的问题。</a>
                        </div>
                    </div>
                    <div class="y3">
                        <a href="#"><span>&#xe644;</span>&emsp;429&emsp;<span>&#xe60f;</span>&emsp;6</a>
                        <button>开始互动</button>
                    </div>
                </li>
            </ul>
            <ul class="b3">
                <li class="l2">
                    <img src="../assets/img/yue2.7.png" alt=""/>
                    <div class="t3">
                        <div class="t4">
                            <a class="w1" href="#">QQ号估值</a>
                        </div>
                        <div class="y1">
                            <img src="https://p3-passport.byteacctimg.com/img/user-avatar/0283427b502054db76497a8e55650f9a~300x300.image"
                                 alt=""/>
                            <span>李帆本尊</span>
                        </div>
                        <div class="y2">
                            <a class="w3" href="#">对QQ号价值做模糊的估计</a>
                        </div>
                    </div>
                    <div class="y3">
                        <a href="#"><span>&#xe644;</span>&emsp;3.5k&emsp;<span>&#xe60f;</span>&emsp;3</a>
                        <button>开始互动</button>
                    </div>
                </li>
                <li class="l2">
                    <img src="../assets/img/yue2.8.png" alt=""/>
                    <div class="t3">
                        <div class="t4">
                            <a class="w1" href="#">算命大师</a>
                        </div>
                        <div class="y1">
                            <img src="https://p3-passport.byteacctimg.com/img/user-avatar/04a1c5e81354d76646b929dac6aa9266~300x300.image"
                                 alt=""/>
                            <span>用户46843212070</span>
                            <img src="https://p3-passport.byteacctimg.com/img/user-avatar/04a1c5e81354d76646b929dac6aa9266~300x300.image"
                                 alt=""/>
                        </div>
                        <div class="y2">
                            <a class="w3" href="#">可以算命</a>
                        </div>
                    </div>
                    <div class="y3">
                        <a href="#"><span>&#xe644;</span>&emsp;8993&emsp;<span>&#xe60f;</span>&emsp;3</a>
                        <button>开始互动</button>
                    </div>
                </li>
                <li class="l2">
                    <img src="../assets/img/yue2.9.png" alt=""/>
                    <div class="t3">
                        <div class="t4">
                            <a class="w1" href="#">MBTI性格测试</a>
                        </div>
                        <div class="y1">
                            <img src="https://p9-passport.byteacctimg.com/img/mosaic-legacy/3795/3047680722~300x300.image"
                                 alt=""/>
                            <img src="https://p3-passport.byteacctimg.com/img/user-avatar/04a1c5e81354d76646b929dac6aa9266~300x300.image"
                                 alt=""/>
                        </div>
                        <div class="y2">
                            <a class="w3" href="#">他是 MBTI 性格测试专家。他非常了解 MBTI 测试的原理和方法，可以通过一系列问题来测试出对方的
                                MBTI 类型，并根据测试结果给出相应的建议和解释。 他对 MBTI 测试的结果非常准确，他的建议</a>
                        </div>
                    </div>
                    <div class="y3">
                        <a href="#"><span>&#xe644;</span>&emsp;1.4k&emsp;<span>&#xe60f;</span>&emsp;5</a>
                        <button>开始互动</button>
                    </div>
                </li>
            </ul>
            <ul class="b4">
                <li class="l2">
                    <img src="../assets/img/yue2.10.png" alt=""/>
                    <div class="t3">
                        <div class="t4">
                            <a class="w1" href="#">都市群芳录</a>
                        </div>
                        <div class="y1">
                            <img src="https://p9-passport.byteacctimg.com/img/user-avatar/738c9cc1a6cca4a5eba619e41c986ed8~300x300.image"
                                 alt=""/>
                            <span>lwbg</span>
                            <img src="https://p3-passport.byteacctimg.com/img/user-avatar/04a1c5e81354d76646b929dac6aa9266~300x300.image"
                                 alt=""/>
                        </div>
                        <div class="y2">
                            <a class="w3" href="#">一款文字游戏 主人公和一群美女在都市中的故事</a>
                        </div>
                    </div>
                    <div class="y3">
                        <a href="#"><span>&#xe644;</span>&emsp;636&emsp;<span>&#xe60f;</span>&emsp;37</a>
                        <button>开始互动</button>
                    </div>
                </li>
                <li class="l2">
                    <img src="../assets/img/yue2.11.png" alt=""/>
                    <div class="t3">
                        <div class="t4">
                            <a class="w1" href="#">Chat GPT4.5</a>
                        </div>
                        <div class="y1">
                            <img src="https://p26-passport.byteacctimg.com/img/mosaic-legacy/3793/3131589739~300x300.image"
                                 alt=""/>
                            <span>用户74140114885</span>
                            <img src="https://p3-passport.byteacctimg.com/img/user-avatar/04a1c5e81354d76646b929dac6aa9266~300x300.image"
                                 alt=""/>
                        </div>
                        <div class="y2">
                            <a class="w3" href="#">1,可处理多达4万字的长篇内容 2,具备分析图像的能力，且有一定的「幽默感」
                                3,生成网页 4,超强推理能力 5,可以实时获取网络信息 6，具有超强的信息处理能力</a>
                        </div>
                    </div>
                    <div class="y3">
                        <a href="#"><span>&#xe644;</span>&emsp;502&emsp;<span>&#xe60f;</span>&emsp;32</a>
                        <button>开始互动</button>
                    </div>
                </li>
                <li class="l2">
                    <img src="../assets/img/yue2.12.png" alt=""/>
                    <div class="t3">
                        <div class="t4">
                            <a class="w1" href="#">单人剧本杀-鬼魅酒店👻</a>
                        </div>
                        <div class="y1">
                            <img src="https://p3-passport.byteacctimg.com/img/mosaic-legacy/3797/2889309425~300x300.image"
                                 alt=""/>
                            <span>totoroll</span>
                            <img src="https://p3-passport.byteacctimg.com/img/user-avatar/04a1c5e81354d76646b929dac6aa9266~300x300.image"
                                 alt=""/>
                        </div>
                        <div class="y2">
                            <a class="w3"
                               href="#">被困在诡异酒店，每个角落都藏着线索与危机。智斗幽灵，寻找逃生之钥。你能否突破重重迷雾，揭开秘密，逃离这场超自然的生死游戏？</a>
                        </div>
                    </div>
                    <div class="y3">
                        <a href="#"><span>&#xe644;</span>&emsp;914&emsp;<span>&#xe60f;</span>&emsp;81</a>
                        <button>开始互动</button>
                    </div>
                </li>
            </ul>
            <ul class="b5">
                <li class="l2">
                    <img src="../assets/img/yue2.13.png" alt=""/>
                    <div class="t3">
                        <div class="t4">
                            <a class="w1" href="#">假装看过一万本书</a>
                        </div>
                        <div class="y1">
                            <img src="https://p26-passport.byteacctimg.com/img/user-avatar/bf1d9fe03b4e891dc87ea771e80c40c6~300x300.image"
                                 alt=""/>
                            <span>南方大雪球</span>
                            <img src="https://p3-passport.byteacctimg.com/img/user-avatar/04a1c5e81354d76646b929dac6aa9266~300x300.image"
                                 alt=""/>
                        </div>
                        <div class="y2">
                            <a class="w3" href="#">输入书籍名称，一句话为你总结书籍主旨。比如：
                                《1984》：“老大哥在看着你，战争即和平，自由即奴役，无知即力量。”</a>
                        </div>
                    </div>
                    <div class="y3">
                        <a href="#"><span>&#xe644;</span>&emsp;1.1k&emsp;<span>&#xe60f;</span>&emsp;6</a>
                        <button>开始互动</button>
                    </div>
                </li>
                <li class="l2">
                    <img src="../assets/img/yue2.14.png" alt=""/>
                    <div class="t3">
                        <div class="t4">
                            <a class="w1" href="#">脑筋急转弯</a>
                        </div>
                        <div class="y1">
                            <img src="https://p6-passport.byteacctimg.com/img/mosaic-legacy/3793/3114521287~300x300.image"
                                 alt=""/>
                            <span> user9073381850574</span>
                            <img src="https://p3-passport.byteacctimg.com/img/user-avatar/04a1c5e81354d76646b929dac6aa9266~300x300.image"
                                 alt=""/>
                        </div>
                        <div class="y2">
                            <a class="w3" href="#">我是小机灵鬼，我可以问你很多脑筋急转弯</a>
                        </div>
                    </div>
                    <div class="y3">
                        <a href="#"><span>&#xe644;</span>&emsp;683&emsp;<span>&#xe60f;</span>&emsp;3</a>
                        <button>开始互动</button>
                    </div>
                </li>
                <li class="l2">
                    <img src="../assets/img/yue2.15.png" alt=""/>
                    <div class="t3">
                        <div class="t4">
                            <a class="w1" href="#">前端面试官</a>
                        </div>
                        <div class="y1">
                            <img src="https://p26-passport.byteacctimg.com/img/user-avatar/2361b8d5a0de5981a126064173e399d6~300x300.image"
                                 alt=""/>
                            <span>东方小月</span>
                            <img src="https://p3-passport.byteacctimg.com/img/user-avatar/04a1c5e81354d76646b929dac6aa9266~300x300.image"
                                 alt=""/>
                        </div>
                        <div class="y2">
                            <a class="w3" href="#">一个资深前端面试官,助力你找到心仪工作</a>
                        </div>
                    </div>
                    <div class="y3">
                        <a href="#"><span>&#xe644;</span>&emsp;1.0k&emsp;<span>&#xe60f;</span>&emsp;61</a>
                        <button>开始互动</button>
                    </div>
                </li>
            </ul>
            <ul class="b6">
                <li class="l2">
                    <img src="../assets/img/yue2.16.png" alt=""/>
                    <div class="t3">
                        <div class="t4">
                            <a class="w1" href="#">来一趟说走就走的旅行</a>
                        </div>
                        <div class="y1">
                            <img src="https://p6-passport.byteacctimg.com/img/user-avatar/0b077530a9524c68346377ef8cf1c3e3~300x300.image"
                                 alt=""/>
                            <span>程序员安仔</span>
                            <img src="https://p3-passport.byteacctimg.com/img/user-avatar/04a1c5e81354d76646b929dac6aa9266~300x300.image"
                                 alt=""/>
                        </div>
                        <div class="y2">
                            <a class="w3" href="#">解决各种旅游规划懒癌患者，轻松打造属于你那说走就走的旅行计划。</a>
                        </div>
                    </div>
                    <div class="y3">
                        <a href="#"><span>&#xe644;</span>&emsp;606&emsp;<span>&#xe60f;</span>&emsp;16</a>
                        <button>开始互动</button>
                    </div>
                </li>
                <li class="l2">
                    <img src="../assets/img/yue2.17.png" alt=""/>
                    <div class="t3">
                        <div class="t4">
                            <a class="w1" href="#">旅行规划师</a>
                        </div>
                        <div class="y1">
                            <img src="https://p9-passport.byteacctimg.com/img/user-avatar/f4eaf6e2121ff959d11e3048425816e3~300x300.image"
                                 alt=""/>
                            <span>ljm993510</span>
                            <img src="https://p3-passport.byteacctimg.com/img/user-avatar/04a1c5e81354d76646b929dac6aa9266~300x300.image"
                                 alt=""/>
                        </div>
                        <div class="y2">
                            <a class="w3" href="#">可以为你提供旅行目的地、行程安排和预算规划等方面的建议和帮助</a>
                        </div>
                    </div>
                    <div class="y3">
                        <a href="#"><span>&#xe644;</span>&emsp;265&emsp;<span>&#xe60f;</span>&emsp;6</a>
                        <button>开始互动</button>
                    </div>
                </li>
                <li class="l2">
                    <img src="../assets/img/yue2.18.png" alt=""/>
                    <div class="t3">
                        <div class="t4">
                            <a class="w1" href="#">剧本杀-逃离羊村</a>
                        </div>
                        <div class="y1">
                            <img src="https://p6-passport.byteacctimg.com/img/user-avatar/bbd3dccca60ce8f9d5448d50721df087~300x300.image"
                                 alt=""/>
                            <img src="https://p3-passport.byteacctimg.com/img/user-avatar/04a1c5e81354d76646b929dac6aa9266~300x300.image"
                                 alt=""/>
                        </div>
                        <div class="y2">
                            <a class="w3" href="#">【恭喜玩家进入《喜羊羊与灰太狼》世界，本世界被病毒占据，请务必遵守以下规则：
                                】 【羊村所有食物都很美味，可以好好享受！】 【请不要触摸美羊羊的脸，请不要拆开她的蝴蝶结！】
                                【思想混沌</a>
                        </div>
                    </div>
                    <div class="y3">
                        <a href="#"><span>&#xe644;</span>&emsp;292&emsp;<span>&#xe60f;</span>&emsp;4</a>
                        <button>开始互动</button>
                    </div>
                </li>
            </ul>
            <ul class="b7">
                <li class="l2">
                    <img src="../assets/img/yue2.1.png" alt=""/>
                    <div class="t3">
                        <div class="t4">
                            <a class="w1" href="#">AI全能小助手</a>
                        </div>
                        <div class="y1">
                            <img src="https://p3-passport.byteacctimg.com/img/user-avatar/04a1c5e81354d76646b929dac6aa9266~300x300.image"
                                 alt=""/>
                            <span>闲置小神仙</span>
                        </div>
                        <div class="y2">
                            <a class="w3" href="#">AI全能小助手，擅长文生图、创作故事、讲笑话、作诗、取名、写代码，查天气，识别图片内容并总结，本地文件或网站内容总结，
                                通过标题生成 PPT，读书总结成思维导图，上知天文下知地理。擅长智能聊</a>
                        </div>
                    </div>
                    <div class="y3">
                        <a href="#"><span>&#xe644;</span>&emsp;804&emsp;<span>&#xe60f;</span>&emsp;10</a>
                        <button>开始互动</button>
                    </div>
                </li>
                <li class="l2">
                    <img src="../assets/img/yue2.1.png" alt=""/>
                    <div class="t3">
                        <div class="t4">
                            <a class="w1" href="#">AI全能小助手</a>
                        </div>
                        <div class="y1">
                            <img src="https://p3-passport.byteacctimg.com/img/user-avatar/04a1c5e81354d76646b929dac6aa9266~300x300.image"
                                 alt=""/>
                            <span>闲置小神仙</span>
                        </div>
                        <div class="y2">
                            <a class="w3" href="#">AI全能小助手，擅长文生图、创作故事、讲笑话、作诗、取名、写代码，查天气，识别图片内容并总结，本地文件或网站内容总结，
                                通过标题生成 PPT，读书总结成思维导图，上知天文下知地理。擅长智能聊</a>
                        </div>
                    </div>
                    <div class="y3">
                        <a href="#"><span>&#xe644;</span>&emsp;804&emsp;<span>&#xe60f;</span>&emsp;10</a>
                        <button>开始互动</button>
                    </div>
                </li>
                <li class="l2">
                    <img src="../assets/img/yue2.1.png" alt=""/>
                    <div class="t3">
                        <div class="t4">
                            <a class="w1" href="#">AI全能小助手</a>
                        </div>
                        <div class="y1">
                            <img src="https://p3-passport.byteacctimg.com/img/user-avatar/04a1c5e81354d76646b929dac6aa9266~300x300.image"
                                 alt=""/>
                            <span>闲置小神仙</span>
                        </div>
                        <div class="y2">
                            <a class="w3" href="#">AI全能小助手，擅长文生图、创作故事、讲笑话、作诗、取名、写代码，查天气，识别图片内容并总结，本地文件或网站内容总结，
                                通过标题生成 PPT，读书总结成思维导图，上知天文下知地理。擅长智能聊</a>
                        </div>
                    </div>
                    <div class="y3">
                        <a href="#"><span>&#xe644;</span>&emsp;804&emsp;<span>&#xe60f;</span>&emsp;10</a>
                        <button>开始互动</button>
                    </div>
                </li>
            </ul>
            <ul class="b8">
                <li class="l2">
                    <img src="../assets/img/yue2.1.png" alt=""/>
                    <div class="t3">
                        <div class="t4">
                            <a class="w1" href="#">AI全能小助手</a>
                        </div>
                        <div class="y1">
                            <img src="https://p3-passport.byteacctimg.com/img/user-avatar/04a1c5e81354d76646b929dac6aa9266~300x300.image"
                                 alt=""/>
                            <span>闲置小神仙</span>
                        </div>
                        <div class="y2">
                            <a class="w3" href="#">AI全能小助手，擅长文生图、创作故事、讲笑话、作诗、取名、写代码，查天气，识别图片内容并总结，本地文件或网站内容总结，
                                通过标题生成 PPT，读书总结成思维导图，上知天文下知地理。擅长智能聊</a>
                        </div>
                    </div>
                    <div class="y3">
                        <a href="#"><span>&#xe644;</span>&emsp;804&emsp;<span>&#xe60f;</span>&emsp;10</a>
                        <button>开始互动</button>
                    </div>
                </li>
                <li class="l2">
                    <img src="../assets/img/yue2.1.png" alt=""/>
                    <div class="t3">
                        <div class="t4">
                            <a class="w1" href="#">AI全能小助手</a>
                        </div>
                        <div class="y1">
                            <img src="https://p3-passport.byteacctimg.com/img/user-avatar/04a1c5e81354d76646b929dac6aa9266~300x300.image"
                                 alt=""/>
                            <span>闲置小神仙</span>
                        </div>
                        <div class="y2">
                            <a class="w3" href="#">AI全能小助手，擅长文生图、创作故事、讲笑话、作诗、取名、写代码，查天气，识别图片内容并总结，本地文件或网站内容总结，
                                通过标题生成 PPT，读书总结成思维导图，上知天文下知地理。擅长智能聊</a>
                        </div>
                    </div>
                    <div class="y3">
                        <a href="#"><span>&#xe644;</span>&emsp;804&emsp;<span>&#xe60f;</span>&emsp;10</a>
                        <button>开始互动</button>
                    </div>
                </li>
                <li class="l2">
                    <img src="../assets/img/yue2.1.png" alt=""/>
                    <div class="t3">
                        <div class="t4">
                            <a class="w1" href="#">AI全能小助手</a>
                        </div>
                        <div class="y1">
                            <img src="https://p3-passport.byteacctimg.com/img/user-avatar/04a1c5e81354d76646b929dac6aa9266~300x300.image"
                                 alt=""/>
                            <span>闲置小神仙</span>
                        </div>
                        <div class="y2">
                            <a class="w3" href="#">AI全能小助手，擅长文生图、创作故事、讲笑话、作诗、取名、写代码，查天气，识别图片内容并总结，本地文件或网站内容总结，
                                通过标题生成 PPT，读书总结成思维导图，上知天文下知地理。擅长智能聊</a>
                        </div>
                    </div>
                    <div class="y3">
                        <a href="#"><span>&#xe644;</span>&emsp;804&emsp;<span>&#xe60f;</span>&emsp;10</a>
                        <button>开始互动</button>
                    </div>
                </li>
            </ul>
            <ul class="b9">
                <li class="l2">
                    <img src="../assets/img/yue2.1.png" alt=""/>
                    <div class="t3">
                        <div class="t4">
                            <a class="w1" href="#">AI全能小助手</a>
                        </div>
                        <div class="y1">
                            <img src="https://p3-passport.byteacctimg.com/img/user-avatar/04a1c5e81354d76646b929dac6aa9266~300x300.image"
                                 alt=""/>
                            <span>闲置小神仙</span>
                        </div>
                        <div class="y2">
                            <a class="w3" href="#">AI全能小助手，擅长文生图、创作故事、讲笑话、作诗、取名、写代码，查天气，识别图片内容并总结，本地文件或网站内容总结，
                                通过标题生成 PPT，读书总结成思维导图，上知天文下知地理。擅长智能聊</a>
                        </div>
                    </div>
                    <div class="y3">
                        <a href="#"><span>&#xe644;</span>&emsp;804&emsp;<span>&#xe60f;</span>&emsp;10</a>
                        <button>开始互动</button>
                    </div>
                </li>
                <li class="l2">
                    <img src="../assets/img/yue2.1.png" alt=""/>
                    <div class="t3">
                        <div class="t4">
                            <a class="w1" href="#">AI全能小助手</a>
                        </div>
                        <div class="y1">
                            <img src="https://p3-passport.byteacctimg.com/img/user-avatar/04a1c5e81354d76646b929dac6aa9266~300x300.image"
                                 alt=""/>
                            <span>闲置小神仙</span>
                        </div>
                        <div class="y2">
                            <a class="w3" href="#">AI全能小助手，擅长文生图、创作故事、讲笑话、作诗、取名、写代码，查天气，识别图片内容并总结，本地文件或网站内容总结，
                                通过标题生成 PPT，读书总结成思维导图，上知天文下知地理。擅长智能聊</a>
                        </div>
                    </div>
                    <div class="y3">
                        <a href="#"><span>&#xe644;</span>&emsp;804&emsp;<span>&#xe60f;</span>&emsp;10</a>
                        <button>开始互动</button>
                    </div>
                </li>
                <li class="l2">
                    <img src="../assets/img/yue2.1.png" alt=""/>
                    <div class="t3">
                        <div class="t4">
                            <a class="w1" href="#">AI全能小助手</a>
                        </div>
                        <div class="y1">
                            <img src="https://p3-passport.byteacctimg.com/img/user-avatar/04a1c5e81354d76646b929dac6aa9266~300x300.image"
                                 alt=""/>
                            <span>闲置小神仙</span>
                        </div>
                        <div class="y2">
                            <a class="w3" href="#">AI全能小助手，擅长文生图、创作故事、讲笑话、作诗、取名、写代码，查天气，识别图片内容并总结，本地文件或网站内容总结，
                                通过标题生成 PPT，读书总结成思维导图，上知天文下知地理。擅长智能聊</a>
                        </div>
                    </div>
                    <div class="y3">
                        <a href="#"><span>&#xe644;</span>&emsp;804&emsp;<span>&#xe60f;</span>&emsp;10</a>
                        <button>开始互动</button>
                    </div>
                </li>
            </ul>
            <ul class="b10">
                <li class="l2">
                    <img src="../assets/img/yue2.1.png" alt=""/>
                    <div class="t3">
                        <div class="t4">
                            <a class="w1" href="#">AI全能小助手</a>
                        </div>
                        <div class="y1">
                            <img src="https://p3-passport.byteacctimg.com/img/user-avatar/04a1c5e81354d76646b929dac6aa9266~300x300.image"
                                 alt=""/>
                            <span>闲置小神仙</span>
                        </div>
                        <div class="y2">
                            <a class="w3" href="#">AI全能小助手，擅长文生图、创作故事、讲笑话、作诗、取名、写代码，查天气，识别图片内容并总结，本地文件或网站内容总结，
                                通过标题生成 PPT，读书总结成思维导图，上知天文下知地理。擅长智能聊</a>
                        </div>
                    </div>
                    <div class="y3">
                        <a href="#"><span>&#xe644;</span>&emsp;804&emsp;<span>&#xe60f;</span>&emsp;10</a>
                        <button>开始互动</button>
                    </div>
                </li>
                <li class="l2">
                    <img src="../assets/img/yue2.1.png" alt=""/>
                    <div class="t3">
                        <div class="t4">
                            <a class="w1" href="#">AI全能小助手</a>
                        </div>
                        <div class="y1">
                            <img src="https://p3-passport.byteacctimg.com/img/user-avatar/04a1c5e81354d76646b929dac6aa9266~300x300.image"
                                 alt=""/>
                            <span>闲置小神仙</span>
                        </div>
                        <div class="y2">
                            <a class="w3" href="#">AI全能小助手，擅长文生图、创作故事、讲笑话、作诗、取名、写代码，查天气，识别图片内容并总结，本地文件或网站内容总结，
                                通过标题生成 PPT，读书总结成思维导图，上知天文下知地理。擅长智能聊</a>
                        </div>
                    </div>
                    <div class="y3">
                        <a href="#"><span>&#xe644;</span>&emsp;804&emsp;<span>&#xe60f;</span>&emsp;10</a>
                        <button>开始互动</button>
                    </div>
                </li>
                <li class="l2">
                    <img src="../assets/img/yue2.1.png" alt=""/>
                    <div class="t3">
                        <div class="t4">
                            <a class="w1" href="#">AI全能小助手</a>
                        </div>
                        <div class="y1">
                            <img src="https://p3-passport.byteacctimg.com/img/user-avatar/04a1c5e81354d76646b929dac6aa9266~300x300.image"
                                 alt=""/>
                            <span>闲置小神仙</span>
                        </div>
                        <div class="y2">
                            <a class="w3" href="#">AI全能小助手，擅长文生图、创作故事、讲笑话、作诗、取名、写代码，查天气，识别图片内容并总结，本地文件或网站内容总结，
                                通过标题生成 PPT，读书总结成思维导图，上知天文下知地理。擅长智能聊</a>
                        </div>
                    </div>
                    <div class="y3">
                        <a href="#"><span>&#xe644;</span>&emsp;804&emsp;<span>&#xe60f;</span>&emsp;10</a>
                        <button>开始互动</button>
                    </div>
                </li>
            </ul>
            <ul class="b11">
                <li class="l2">
                    <img src="../assets/img/yue2.1.png" alt=""/>
                    <div class="t3">
                        <div class="t4">
                            <a class="w1" href="#">AI全能小助手</a>
                        </div>
                        <div class="y1">
                            <img src="https://p3-passport.byteacctimg.com/img/user-avatar/04a1c5e81354d76646b929dac6aa9266~300x300.image"
                                 alt=""/>
                            <span>闲置小神仙</span>
                        </div>
                        <div class="y2">
                            <a class="w3" href="#">AI全能小助手，擅长文生图、创作故事、讲笑话、作诗、取名、写代码，查天气，识别图片内容并总结，本地文件或网站内容总结，
                                通过标题生成 PPT，读书总结成思维导图，上知天文下知地理。擅长智能聊</a>
                        </div>
                    </div>
                    <div class="y3">
                        <a href="#"><span>&#xe644;</span>&emsp;804&emsp;<span>&#xe60f;</span>&emsp;10</a>
                        <button>开始互动</button>
                    </div>
                </li>
                <li class="l2">
                    <img src="../assets/img/yue2.1.png" alt=""/>
                    <div class="t3">
                        <div class="t4">
                            <a class="w1" href="#">AI全能小助手</a>
                        </div>
                        <div class="y1">
                            <img src="https://p3-passport.byteacctimg.com/img/user-avatar/04a1c5e81354d76646b929dac6aa9266~300x300.image"
                                 alt=""/>
                            <span>闲置小神仙</span>
                        </div>
                        <div class="y2">
                            <a class="w3" href="#">AI全能小助手，擅长文生图、创作故事、讲笑话、作诗、取名、写代码，查天气，识别图片内容并总结，本地文件或网站内容总结，
                                通过标题生成 PPT，读书总结成思维导图，上知天文下知地理。擅长智能聊</a>
                        </div>
                    </div>
                    <div class="y3">
                        <a href="#"><span>&#xe644;</span>&emsp;804&emsp;<span>&#xe60f;</span>&emsp;10</a>
                        <button>开始互动</button>
                    </div>
                </li>
                <li class="l2">
                    <img src="../assets/img/yue2.1.png" alt=""/>
                    <div class="t3">
                        <div class="t4">
                            <a class="w1" href="#">AI全能小助手</a>
                        </div>
                        <div class="y1">
                            <img src="https://p3-passport.byteacctimg.com/img/user-avatar/04a1c5e81354d76646b929dac6aa9266~300x300.image"
                                 alt=""/>
                            <span>闲置小神仙</span>
                        </div>
                        <div class="y2">
                            <a class="w3" href="#">AI全能小助手，擅长文生图、创作故事、讲笑话、作诗、取名、写代码，查天气，识别图片内容并总结，本地文件或网站内容总结，
                                通过标题生成 PPT，读书总结成思维导图，上知天文下知地理。擅长智能聊</a>
                        </div>
                    </div>
                    <div class="y3">
                        <a href="#"><span>&#xe644;</span>&emsp;804&emsp;<span>&#xe60f;</span>&emsp;10</a>
                        <button>开始互动</button>
                    </div>
                </li>
            </ul>
            <ul class="b12">
                <li class="l2">
                    <img src="../assets/img/yue2.1.png" alt=""/>
                    <div class="t3">
                        <div class="t4">
                            <a class="w1" href="#">AI全能小助手</a>
                        </div>
                        <div class="y1">
                            <img src="https://p3-passport.byteacctimg.com/img/user-avatar/04a1c5e81354d76646b929dac6aa9266~300x300.image"
                                 alt=""/>
                            <span>闲置小神仙</span>
                        </div>
                        <div class="y2">
                            <a class="w3" href="#">AI全能小助手，擅长文生图、创作故事、讲笑话、作诗、取名、写代码，查天气，识别图片内容并总结，本地文件或网站内容总结，
                                通过标题生成 PPT，读书总结成思维导图，上知天文下知地理。擅长智能聊</a>
                        </div>
                    </div>
                    <div class="y3">
                        <a href="#"><span>&#xe644;</span>&emsp;804&emsp;<span>&#xe60f;</span>&emsp;10</a>
                        <button>开始互动</button>
                    </div>
                </li>
                <li class="l2">
                    <img src="../assets/img/yue2.1.png" alt=""/>
                    <div class="t3">
                        <div class="t4">
                            <a class="w1" href="#">AI全能小助手</a>
                        </div>
                        <div class="y1">
                            <img src="https://p3-passport.byteacctimg.com/img/user-avatar/04a1c5e81354d76646b929dac6aa9266~300x300.image"
                                 alt=""/>
                            <span>闲置小神仙</span>
                        </div>
                        <div class="y2">
                            <a class="w3" href="#">AI全能小助手，擅长文生图、创作故事、讲笑话、作诗、取名、写代码，查天气，识别图片内容并总结，本地文件或网站内容总结，
                                通过标题生成 PPT，读书总结成思维导图，上知天文下知地理。擅长智能聊</a>
                        </div>
                    </div>
                    <div class="y3">
                        <a href="#"><span>&#xe644;</span>&emsp;804&emsp;<span>&#xe60f;</span>&emsp;10</a>
                        <button>开始互动</button>
                    </div>
                </li>
                <li class="l2">
                    <img src="../assets/img/yue2.1.png" alt=""/>
                    <div class="t3">
                        <div class="t4">
                            <a class="w1" href="#">AI全能小助手</a>
                        </div>
                        <div class="y1">
                            <img src="https://p3-passport.byteacctimg.com/img/user-avatar/04a1c5e81354d76646b929dac6aa9266~300x300.image"
                                 alt=""/>
                            <span>闲置小神仙</span>
                        </div>
                        <div class="y2">
                            <a class="w3" href="#">AI全能小助手，擅长文生图、创作故事、讲笑话、作诗、取名、写代码，查天气，识别图片内容并总结，本地文件或网站内容总结，
                                通过标题生成 PPT，读书总结成思维导图，上知天文下知地理。擅长智能聊</a>
                        </div>
                    </div>
                    <div class="y3">
                        <a href="#"><span>&#xe644;</span>&emsp;804&emsp;<span>&#xe60f;</span>&emsp;10</a>
                        <button>开始互动</button>
                    </div>
                </li>
            </ul>
            <ul class="b13">
                <li class="l2">
                    <img src="../assets/img/yue2.1.png" alt=""/>
                    <div class="t3">
                        <div class="t4">
                            <a class="w1" href="#">AI全能小助手</a>
                        </div>
                        <div class="y1">
                            <img src="https://p3-passport.byteacctimg.com/img/user-avatar/04a1c5e81354d76646b929dac6aa9266~300x300.image"
                                 alt=""/>
                            <span>闲置小神仙</span>
                        </div>
                        <div class="y2">
                            <a class="w3" href="#">AI全能小助手，擅长文生图、创作故事、讲笑话、作诗、取名、写代码，查天气，识别图片内容并总结，本地文件或网站内容总结，
                                通过标题生成 PPT，读书总结成思维导图，上知天文下知地理。擅长智能聊</a>
                        </div>
                    </div>
                    <div class="y3">
                        <a href="#"><span>&#xe644;</span>&emsp;804&emsp;<span>&#xe60f;</span>&emsp;10</a>
                        <button>开始互动</button>
                    </div>
                </li>
                <li class="l2">
                    <img src="../assets/img/yue2.1.png" alt=""/>
                    <div class="t3">
                        <div class="t4">
                            <a class="w1" href="#">AI全能小助手</a>
                        </div>
                        <div class="y1">
                            <img src="https://p3-passport.byteacctimg.com/img/user-avatar/04a1c5e81354d76646b929dac6aa9266~300x300.image"
                                 alt=""/>
                            <span>闲置小神仙</span>
                        </div>
                        <div class="y2">
                            <a class="w3" href="#">AI全能小助手，擅长文生图、创作故事、讲笑话、作诗、取名、写代码，查天气，识别图片内容并总结，本地文件或网站内容总结，
                                通过标题生成 PPT，读书总结成思维导图，上知天文下知地理。擅长智能聊</a>
                        </div>
                    </div>
                    <div class="y3">
                        <a href="#"><span>&#xe644;</span>&emsp;804&emsp;<span>&#xe60f;</span>&emsp;10</a>
                        <button>开始互动</button>
                    </div>
                </li>
                <li class="l2">
                    <img src="../assets/img/yue2.1.png" alt=""/>
                    <div class="t3">
                        <div class="t4">
                            <a class="w1" href="#">AI全能小助手</a>
                        </div>
                        <div class="y1">
                            <img src="https://p3-passport.byteacctimg.com/img/user-avatar/04a1c5e81354d76646b929dac6aa9266~300x300.image"
                                 alt=""/>
                            <span>闲置小神仙</span>
                        </div>
                        <div class="y2">
                            <a class="w3" href="#">AI全能小助手，擅长文生图、创作故事、讲笑话、作诗、取名、写代码，查天气，识别图片内容并总结，本地文件或网站内容总结，
                                通过标题生成 PPT，读书总结成思维导图，上知天文下知地理。擅长智能聊</a>
                        </div>
                    </div>
                    <div class="y3">
                        <a href="#"><span>&#xe644;</span>&emsp;804&emsp;<span>&#xe60f;</span>&emsp;10</a>
                        <button>开始互动</button>
                    </div>
                </li>
            </ul>
            <ul class="b14">
                <li class="l2">
                    <img src="../assets/img/yue2.1.png" alt=""/>
                    <div class="t3">
                        <div class="t4">
                            <a class="w1" href="#">AI全能小助手</a>
                        </div>
                        <div class="y1">
                            <img src="https://p3-passport.byteacctimg.com/img/user-avatar/04a1c5e81354d76646b929dac6aa9266~300x300.image"
                                 alt=""/>
                            <span>闲置小神仙</span>
                        </div>
                        <div class="y2">
                            <a class="w3" href="#">AI全能小助手，擅长文生图、创作故事、讲笑话、作诗、取名、写代码，查天气，识别图片内容并总结，本地文件或网站内容总结，
                                通过标题生成 PPT，读书总结成思维导图，上知天文下知地理。擅长智能聊</a>
                        </div>
                    </div>
                    <div class="y3">
                        <a href="#"><span>&#xe644;</span>&emsp;804&emsp;<span>&#xe60f;</span>&emsp;10</a>
                        <button>开始互动</button>
                    </div>
                </li>
                <li class="l2">
                    <img src="../assets/img/yue2.1.png" alt=""/>
                    <div class="t3">
                        <div class="t4">
                            <a class="w1" href="#">AI全能小助手</a>
                        </div>
                        <div class="y1">
                            <img src="https://p3-passport.byteacctimg.com/img/user-avatar/04a1c5e81354d76646b929dac6aa9266~300x300.image"
                                 alt=""/>
                            <span>闲置小神仙</span>
                        </div>
                        <div class="y2">
                            <a class="w3" href="#">AI全能小助手，擅长文生图、创作故事、讲笑话、作诗、取名、写代码，查天气，识别图片内容并总结，本地文件或网站内容总结，
                                通过标题生成 PPT，读书总结成思维导图，上知天文下知地理。擅长智能聊</a>
                        </div>
                    </div>
                    <div class="y3">
                        <a href="#"><span>&#xe644;</span>&emsp;804&emsp;<span>&#xe60f;</span>&emsp;10</a>
                        <button>开始互动</button>
                    </div>
                </li>
                <li class="l2">
                    <img src="../assets/img/yue2.1.png" alt=""/>
                    <div class="t3">
                        <div class="t4">
                            <a class="w1" href="#">AI全能小助手</a>
                        </div>
                        <div class="y1">
                            <img src="https://p3-passport.byteacctimg.com/img/user-avatar/04a1c5e81354d76646b929dac6aa9266~300x300.image"
                                 alt=""/>
                            <span>闲置小神仙</span>
                        </div>
                        <div class="y2">
                            <a class="w3" href="#">AI全能小助手，擅长文生图、创作故事、讲笑话、作诗、取名、写代码，查天气，识别图片内容并总结，本地文件或网站内容总结，
                                通过标题生成 PPT，读书总结成思维导图，上知天文下知地理。擅长智能聊</a>
                        </div>
                    </div>
                    <div class="y3">
                        <a href="#"><span>&#xe644;</span>&emsp;804&emsp;<span>&#xe60f;</span>&emsp;10</a>
                        <button>开始互动</button>
                    </div>
                </li>
            </ul>
            <ul class="b15">
                <li class="l2">
                    <img src="../assets/img/yue2.1.png" alt=""/>
                    <div class="t3">
                        <div class="t4">
                            <a class="w1" href="#">AI全能小助手</a>
                        </div>
                        <div class="y1">
                            <img src="https://p3-passport.byteacctimg.com/img/user-avatar/04a1c5e81354d76646b929dac6aa9266~300x300.image"
                                 alt=""/>
                            <span>闲置小神仙</span>
                        </div>
                        <div class="y2">
                            <a class="w3" href="#">AI全能小助手，擅长文生图、创作故事、讲笑话、作诗、取名、写代码，查天气，识别图片内容并总结，本地文件或网站内容总结，
                                通过标题生成 PPT，读书总结成思维导图，上知天文下知地理。擅长智能聊</a>
                        </div>
                    </div>
                    <div class="y3">
                        <a href="#"><span>&#xe644;</span>&emsp;804&emsp;<span>&#xe60f;</span>&emsp;10</a>
                        <button>开始互动</button>
                    </div>
                </li>
                <li class="l2">
                    <img src="../assets/img/yue2.1.png" alt=""/>
                    <div class="t3">
                        <div class="t4">
                            <a class="w1" href="#">AI全能小助手</a>
                        </div>
                        <div class="y1">
                            <img src="https://p3-passport.byteacctimg.com/img/user-avatar/04a1c5e81354d76646b929dac6aa9266~300x300.image"
                                 alt=""/>
                            <span>闲置小神仙</span>
                        </div>
                        <div class="y2">
                            <a class="w3" href="#">AI全能小助手，擅长文生图、创作故事、讲笑话、作诗、取名、写代码，查天气，识别图片内容并总结，本地文件或网站内容总结，
                                通过标题生成 PPT，读书总结成思维导图，上知天文下知地理。擅长智能聊</a>
                        </div>
                    </div>
                    <div class="y3">
                        <a href="#"><span>&#xe644;</span>&emsp;804&emsp;<span>&#xe60f;</span>&emsp;10</a>
                        <button>开始互动</button>
                    </div>
                </li>
                <li class="l2">
                    <img src="../assets/img/yue2.1.png" alt=""/>
                    <div class="t3">
                        <div class="t4">
                            <a class="w1" href="#">AI全能小助手</a>
                        </div>
                        <div class="y1">
                            <img src="https://p3-passport.byteacctimg.com/img/user-avatar/04a1c5e81354d76646b929dac6aa9266~300x300.image"
                                 alt=""/>
                            <span>闲置小神仙</span>
                        </div>
                        <div class="y2">
                            <a class="w3" href="#">AI全能小助手，擅长文生图、创作故事、讲笑话、作诗、取名、写代码，查天气，识别图片内容并总结，本地文件或网站内容总结，
                                通过标题生成 PPT，读书总结成思维导图，上知天文下知地理。擅长智能聊</a>
                        </div>
                    </div>
                    <div class="y3">
                        <a href="#"><span>&#xe644;</span>&emsp;804&emsp;<span>&#xe60f;</span>&emsp;10</a>
                        <button>开始互动</button>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
</body>
</html>